<template>
	<!-- 分析结果 -->
	<view>
		<view class="list" v-if="list.length">
			<view v-for="(item,index) in list" :key="index" @click="listItem(item.id)">
				<view class="sb">
					<view>{{item.serve_name}}</view>
					<text class="msg">{{item.createtime}}</text>
				</view>
			</view>
		</view>
		<block v-else >
			<image
				:src="vuex_httpImageUrl && vuex_httpImageUrl+'static/common/wnr.png'" 
				mode="widthFix"
				style="
					display: block;
					margin: 45% auto 0;
				"
			>
			</image>
			<view
				style="
				    background: #F5F5F5;
				    text-align: center;
				    color: rgba(0,0,0,.1);
				    font-size: 19px;
				    font-weight: bold;
				    position: relative;
				    top: -40rpx;
				"
			>请及时打卡</view>
		</block>
	</view>
	
</template>

<script>
	export default {
		data() {
			return {
				list: []
			};
		},
		onShow() {
			this.def_list()
		},
		methods: {
			listItem(id) {
				uni.navigateTo({
					url: '/pages/healthy/menu/three/a1/index?id=' + id
				})
			},
			def_list() {
				this.$u.post('/health/remindslst').then(res => {
					let {count,list} = res.data
					this.list = list
				})
			}
		}
	}
</script>

<style lang="scss">
	.list {
		width: 95%;
		margin: 20rpx auto;
		background-color: #FFFFFF;

		>view {
			padding: 20rpx 30rpx;
			box-sizing: border-box;
			border-bottom: 1px solid rgba(0, 0, 0, .1);

			.msg {
				color: rgba(0, 0, 0, .5);
			}

			.sb {
				display: flex;
				justify-content: space-between;
			}
		}
	}
</style>
